<#setting classic_compatible=true>
<#assign base=request.contextPath />
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="en">
  <head>
  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="icon" href="${base}/zhgl-jzstyxx-manage/images/favicon.ico" type="image/ico" />
	<link rel="stylesheet" type="text/css" href="${base}/zhgl-jzstyxx-manage/css/queue/queueAccess.css">
	<link rel="stylesheet" type="text/css" href="${base}/zhgl-jzstyxx-manage/css/queue/queueChart.css"> 
    <title>统一消息中心</title>
    <!-- 引入通用css -->
	<#include "/common/commoncss.ftl">
	<style type="text/css">
		/* 返回标签 */
		.return {
			font-weight: bold;
			color:#73879C;
			cursor:pointer;
		}
		/* 浮动 */
		.return:hover {
			font-weight: bold;
		    font-size: 14px;
		}
		.return:focus {
			font-weight: bold;
		    font-size: 14px;
		}
		/* 图标下方按钮 */
		.iconBtn {
			color: #fff;
			margin: 0;
			white-space: normal;
		}
	</style>
  </head>



	<body style="border: none;">
		<!-- 标题栏区域 -->
		<div class="titleDiv">
			<span class="iconfont icon-zhuti"></span><span id="queueTitle" >
				主题队列：${topicQueueName!''}（实时监控）
			</span>
			
            <a class="return" href="/zhgl-jzstyxx-manage/topicQueue/page" style="float: right;">返回</a>
		</div>
	
		<!-- 四个图表区域 -->
		<div class="allCharts" >
			<!-- 第一行两个图表 -->
			<div class="fir-table">
				<div class="table-li" id="table1" ></div>
				<div class="table-li" id="table2"></div>
			</div>
			<div class="fir-table">
				<div class="table-li" id="table3" ></div>
				<div class="table-li" id="table4"></div>
			</div>
			<div class="appDiv">
				<div id="apps" style="position: relative;width: 100%; height:100%;"></div>
			</div>
		</div>
		
		
		
			<!-- 引入通用和js -->
		<#include "/common/commonjs.ftl">
		<script type="text/javascript" src="${base}/zhgl-jzstyxx-manage/js/echarts.js"></script> 
		<script type="text/javascript" src="${base}/zhgl-jzstyxx-manage/js/overview/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="${base}/zhgl-jzstyxx-manage/js/queue/queueChart.js"></script>
	
		<script type="text/javascript">
		var tId = "${tId!''}";
		var topicQueueNo = "${topicQueueNo!''}";
		//console.log("tId: ",tId + ", topicQueueNo: ",topicQueueNo);
		</script> 
  </body>
</html>
